var key = false;
$('.list li').on('click',function(e){
	console.log(123);
	const id = $(this).attr('data-id');
	console.log(id)
	if(id != undefined){
		console.log(key);
		if (key) {
			$('.as_Menu_box').css('display','block');
			$('.as_menu_bg').show();
			$('.as_Menu_box').css('transform','translateX(-314px)');
			$('.list>.l').find('p').show();
			$('.list>.l').find('.cha').hide();
			$(this).find('p').css('display','none');
			$(this).find('.cha').css('display','block');
			$('.as_zf').hide();
			$('.as_zf'+id).show();
			return
		}
		$('.as_menu_bg').show();
		$('.as_Menu_box').css('transform','translateX(0)');
		$('.list>.l').find('p').show();
		$('.list>.l').find('.cha').hide();
		$(this).find('p').css('display','none');
		$(this).find('.cha').css('display','block');
		$('.as_zf').hide();
		$('.as_zf'+id).show();
	}
	e.stopPropagation();
})

$('.cha,.as_menu_bg,.as_Menu_box').on('click', function(e){
	$('.list>.l').find('p').show();
	$('.list>.l').find('.cha').hide();
	$('.as_menu_bg').hide();
	e.stopPropagation();

	if (key) {
		$('.as_Menu_box').css('transform','translateX(400px)');
		return
	}
	$('.as_Menu_box').css('transform','translateX(-400px)');
})

$('.as_zf').bind('click',function(e){
	e.stopPropagation();
})
$(document).bind('click',function(){
	e.stopPropagation();
	$('.as_menu_bg').hide();
	$('.list>.l').find('p').show();
	$('.list>.l').find('.cha').hide();
	$('.as_zf').hide();
	$('.as_menu .cha').css('display','none');
	$('.as_menu .dd').css('display','block');
	if (key) {
		$('.as_Menu_box').css('transform','translateX(400px)');
		return
	}
	$('.as_Menu_box').css('transform','translateX(-400px)');
})

// 返回顶部
$('.toTop').on('click', function(){
	$('html,body').animate({scrollTop:'0px'},'slow');
	$.fn.fullpage.moveTo(1);
})

$('.as_nav').on('click',function(e){
	e.stopPropagation();
	if(key) {
		key = false
		$('.as_menu_bg').hide();
		$('.list>.l').find('p').show();
		$('.list>.l').find('.cha').hide();
		$('.as_zf').hide();
		$('.as_menu .cha').css('display','none');
		$('.as_menu .dd').css('display','block');
		$('.as_Menu_box').css('transform','translateX(400px)');
		$('.menu').css('transform','translateX(100px)');
		return
	}
	key = true;
	$('.menu').css('transform','translateX(0)');
	$('.as_zf').hide();
	$('.as_Menu_box').css('display','none');
	$('.as_Menu_box').css('transform','translateX(400px)');
})

var w = false;
window.addEventListener(
      "orientationchange" in window ? "orientationchange" : "resize",
      (function () {
        function c() {
          var d = document.documentElement;
          console.log(d.clientWidth);
		  if(d.clientWidth<=900) {
			w = true;
		  }else {
			if(w) {
				$('.menu').css('transform','translateX(0px)');
				$('.list>.l').find('p').show();
				$('.list>.l').find('.cha').hide();
				$('.as_menu_bg').hide();
				$('.as_Menu_box').css('transform','translateX(-314px)');
				key = false;
				w = false
			}
		  }
        }
        c();
        return c;
      })(),
      false
    );